<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>网页布局</title>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <style>
        body>*{
            width:98%;
            height:90px;
            margin:0 auto;
            margin-top:10px;
            border:0px;
            padding:5px;
            display: flex;
        }
        header{
            height:85px;
            text-align:center;
            line-height:85px;background-color:grey;
            justify-content:center;
        }
        section{
            height:700px;
        }
        section>*{
            height:97%;
            border:0px;
            float:left;
            display: flex;
        }
        .content{
            background-color:Lavender;
            float:left;
            padding:10px;
            display: flex;
        }
        .side{
            width:43%;
            background-color:Lavender;
            margin-left:10px;
            height:700px;
            float:left;
            display:table-cell;
        }
        footer{
            height:85px;
            text-align:center;
            line-height:85px;
            background-color:grey;
            justify-content:center;
        }
    </style>
</head>
<body>
<header>header</header>
<section>
<div class="content"><?php include ('./content.php');?></div>
        <div class="side"><?php include ('./side.php');?></div>
    </section>
<footer>footer</footer>
</body>
</html>